<template>
  <div class="personage">
  		<ul class="perso">
       <li v-for="item in seller.items">
          <h1><a href="">{{item.date}}</a></h1>
          <p>{{item.explain}}</p>
        </li>
      </ul>
  </div>
</template>


<script>
export default {
  data () {
    return {
      seller:{},
    }
  },
  created () {
     this.$http.get('./static/text.json').then((response) => {
       response=response.body;
       this.seller = response
       // console.log(response)
      },(response) => {
        response=response.body;
        //console.log(response)
    });
  }
}
</script>

<style scoped>
	.perso{width: 100%;}
  .perso li{min-height: 65px;padding-left: 20px;border-bottom: 1px solid #ddd}
  .perso li>h1>a{font-size: 16px;text-decoration: none;display:block;line-height: 65px}
   .perso li>p{line-height: 24px;overflow: hidden; white-space: nowrap;  text-overflow:ellipsis;margin-bottom: 15px;font-size: 14px;width: 90%;}
</style>
